import React, { useEffect, useState } from 'react';
import './My_list.css'
import axios from 'axios'
import { useNavigate } from 'react-router-dom';
import { Input, Radio, Popup, Space } from 'antd-mobile'
function End_Youxi() {
    const navigate = useNavigate()
    return (
        <div className="end_youxi">
            <div className="dingdan_detail_top">
                <div className="dingdan_detail_left">
                    <p style={{
                        fontSize: '18px',
                        color: '#333',

                    }}>9:41</p>
                </div>
                <div className="dingdan_detail_right">
                    <h3 className='dingdan_detail_right_h3'>
                        <svg t="1739181732005" class="icon" viewBox="0 0 1294 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4224" width="20" height="20"><path d="M0 727.578947l188.631579 0 0 296.421053-188.631579 0 0-296.421053Z" p-id="4225" fill="#2c2c2c"></path><path d="M269.473684 565.894737l188.631579 0 0 458.105263-188.631579 0 0-458.105263Z" p-id="4226" fill="#2c2c2c"></path><path d="M565.894737 377.263158l161.684211 0 0 646.736842-161.684211 0 0-646.736842Z" p-id="4227" fill="#2c2c2c"></path><path d="M835.368421 188.631579l188.631579 0 0 835.368421-188.631579 0 0-835.368421Z" p-id="4228" fill="#2c2c2c"></path><path d="M1104.842105 0l188.631579 0 0 1024-188.631579 0 0-1024Z" p-id="4229" fill="#2c2c2c"></path></svg>
                    </h3>
                    <h3 className='dingdan_detail_right_h31'>
                        <svg t="1739181875778" class="icon" viewBox="0 0 1346 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="8311" width="20" height="20"><path d="M614.762225 324.416035a578.94361 578.94361 0 0 0-397.653943 238.117618 89.918541 89.918541 0 1 0 154.434563 92.115133 407.432318 407.432318 0 0 1 262.421842-151.458536c118.438803-12.683545 237.054751 43.400399 352.482099 166.834678a89.95397 89.95397 0 0 0 131.370351-122.867416c-194.575504-207.825911-380.966932-235.81474-503.054912-222.741477z m60.866846 354.288972a172.645016 172.645016 0 1 0 172.574158 172.574159 172.645016 172.645016 0 0 0-172.645016-172.715874zM630.846944 0.985632C291.615253 16.609776 64.232591 258.695431 22.107632 307.055875a89.918541 89.918541 0 0 0 135.621819 118.049086c20.655047-23.701932 209.668214-232.023848 481.407855-244.459391 185.222275-8.502935 372.003421 75.746982 555.135391 250.553161a89.918541 89.918541 0 0 0 124.001141-130.130339C1098.366672 90.939602 867.015973-9.997326 630.846944 0.985632z" p-id="8312" fill="#2c2c2c"></path></svg>
                    </h3>
                    <h3 className='dingdan_detail_right_h32'>
                        <svg t="1739182052804" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="9429" width="20" height="20"><path d="M984.2 434.8c-5-2.9-8.2-8.2-8.2-13.9v-99.3c0-53.6-43.9-97.5-97.5-97.5h-781C43.9 224 0 267.9 0 321.5v380.9C0 756.1 43.9 800 97.5 800h780.9c53.6 0 97.5-43.9 97.5-97.5v-99.3c0-5.8 3.2-11 8.2-13.9 23.8-13.9 39.8-39.7 39.8-69.2v-16c0.1-29.6-15.9-55.5-39.7-69.3zM912 702.5c0 12-6.2 19.9-9.9 23.6-3.7 3.7-11.7 9.9-23.6 9.9h-781c-11.9 0-19.9-6.2-23.6-9.9-3.7-3.7-9.9-11.7-9.9-23.6v-381c0-11.9 6.2-19.9 9.9-23.6 3.7-3.7 11.7-9.9 23.6-9.9h780.9c11.9 0 19.9 6.2 23.6 9.9 3.7 3.7 9.9 11.7 9.9 23.6v381z" p-id="9430" fill="#2c2c2c"></path><path d="M736 344v336c0 8.8-7.2 16-16 16H112c-8.8 0-16-7.2-16-16V344c0-8.8 7.2-16 16-16h608c8.8 0 16 7.2 16 16z" p-id="9431" fill="#2c2c2c"></path></svg>
                    </h3>
                </div>
            </div>
            <div className="end_youxi_wenzi">
                <div className="end_youxi_wenzi_left" onClick={() => {
                    navigate('/youyuan_hui')
                }}>
                    <svg t="1739774644466" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4188" width="30" height="30"><path d="M711.1 928.3c-13.2 0-26.3-5-36.4-15.2L297.8 532.9c-20.1-20.2-20.1-53.1 0-73.3L674.7 79.2c20.1-20.3 52.6-20.3 72.7 0 20.1 20.2 20.1 53.1 0 73.3L406.9 496.2l340.5 343.6c20.1 20.3 20.1 53.1 0 73.3-10 10.1-23.2 15.2-36.3 15.2z" fill="#351B1B" p-id="4189"></path></svg>
                </div>
                <div className="end_youxi_wenzi_right">
                    <h3>本草纲目</h3>
                </div>
            </div>
            <div className="end_youxi_cente">
                <div className="end_youxi_cente_h3">
                    <h3>恭喜你，成功完成游戏</h3>
                    <p><span style={{
                        fontSize:'30px'
                    }}>+5</span>积分</p>
                    <p>
                    您正确识别了所有中药材！
                    </p>
                    <p>
                        -----------获得勋章----------
                    </p>
                    <p className='end_youxi_cente_img_tumian'>
                        <svg t="1739777418255" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5953" width="60" height="60"><path d="M816.27648 716.63104c-57.13408 72.4736-158.28992 120.63232-273.71008 120.63232-99.80416 0-188.96384-35.9936-248.20736-92.69248-11.50976-0.08704-69.00224-2.83136-113.44384-46.87872-34.39616-34.16064-52.79744-70.70208-52.88448-132.96128l0.62976-6.41024c0-0.04608 3.20512-25.84576-5.16608-35.91168-9.02656-10.93632-29.4144-16.92672-57.50784-16.4352l-0.55296-59.9296c0.8448-0.04608 1.664-0.04608 2.5088-0.04608 46.72 0 80.82432 13.08672 101.4016 38.94272 21.73952 27.25888 19.9424 58.55744 18.36544 69.84704 0.44544 44.26752 11.93472 77.86496 34.10944 99.91168a96.5632 96.5632 0 0 0 17.21344 13.39904c-12.5952-27.41248-19.4304-57.05216-19.4304-87.96672 0-70.70208 35.81952-134.66624 93.83936-181.20192h458.34752c3.04128 2.39616 5.94432 4.92544 8.8064 7.43424 31.46752-16.03584 81.29024-32.90624 122.98752-19.81952 26.10176 8.13568 48.31744 25.1648 59.93472 54.71232 43.86304 111.59552-22.90688 179.91168-147.24096 275.37408z m-69.60128-288.3328h-405.6576c-48.26112 26.97216-71.27552 90.84416-71.27552 90.84416s-24.09984 71.06048 10.5984 142.07488c18.84672 38.5536 30.88384 55.82848 70.98368 83.75296 53.90848 37.54496 104.8832 46.70464 104.8832 46.70464s55.47008-0.70656 171.15648 0c124.57472-33.81248 181.62688-135.87456 181.62688-135.87456s26.17344-47.104 5.9904-126.14144c-14.92992-58.44992-68.30592-101.36064-68.30592-101.36064z m193.47968 22.49216c-8.76032-22.2208-25.23136-33.78688-43.9296-39.64928-30.33088-9.55904-68.39296 1.1008-95.89248 14.10048 40.93952 43.02848 65.29536 96.69632 65.29536 154.89024 0 26.35264-5.03296 51.85536-14.33088 75.78624 89.26208-75.136 119.86944-126.05952 88.8576-205.12768zM317.62432 389.86752c30.82752-72.59136 94.32576-127.24224 171.6224-144.7424 5.18656-25.17504 27.10016-44.08832 53.31968-44.08832 26.30656 0 48.19456 18.9184 53.4272 44.08832 77.25568 17.50016 140.7488 72.19712 171.57632 144.7424h-449.9456z m247.36768-120.54016c0-7.09632-8.81152-22.82496-22.71744-22.71232-19.1744 0.1536-22.71232 22.71232-22.71232 22.71232s-90.13248-0.71168-136.26368 90.84416h317.95712c0-0.00512-31.93344-75.93984-136.26368-90.84416z" p-id="5954" fill="#ffffff"></path></svg>
                    </p>
                    <p style={{
                        color:'#84581f',
                        fontSize:'20px',
                        marginTop: '30px',
                    }}>
                        草药萌新
                    </p>
                </div>
            </div>
            <div className="end_youxi_cente_xiaohezi">
                <div className="end_youxi_cente_xiaohezi_top">
                    <p style={{
                        marginLeft:'20px',
                        fontSize:'18px',
                    }}> 游戏用时</p>
                    <p style={{
                        
                        marginLeft:'160px',
                    }}>3分25秒</p>
                </div>
                <div className="end_youxi_cente_xiaohezi_top">
                    <p style={{
                        marginLeft:'20px',
                        fontSize:'18px',
                    }}>回答正确</p>
                    <p style={{
                        marginLeft:'200px',
                    }}>5</p>
                </div>
                <div className="end_youxi_cente_xiaohezi_top">
                    <p style={{
                        marginLeft:'20px',
                        fontSize:'18px',
                    }}> 回答错误</p>
                    <p style={{
                        marginLeft:'200px',
                    }}>0</p>
                </div>
            </div>
            <div className="end_youxi_zhuyi">
                <p>
                    注：游戏中涉及的药材，请在医生指导下用药，切不可随意用药！
                </p>
            </div>
            <div className="end_youxi_bottom">
                <p className='end_youxi_bottom_p1' onClick={() =>{
                    navigate('/xia_yi_ti')
                }}>
                    再来一次
                </p>

                <p className='end_youxi_bottom_p2'>
                    炫耀一下
                </p>
            </div>
        </div>
    )
}

export default End_Youxi